<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>书签</title>
  <link rel="stylesheet" href="styles.css">
  <link rel="stylesheet" href="modal.css">
</head>
<body>
  <div class="container">
    <div class="sidebar">
      <ul id="folderNav"></ul>
    </div>
    <div class="main-content">
      <div class="search-and-theme-container">
        <div class="search-container">
          <input type="text" id="searchInput" placeholder="搜索书签">
        </div>
        <div class="theme-selector">
          <label for="theme">主题:</label>
          <select id="theme">
              <option value="light" selected>白</option>
              <option value="dark">黑</option>
              <option value="system">跟随浏览器</option>
          </select>
        </div>
      </div>
      <div id="bookmarkList"></div>
    </div>
  </div>
  <script src="script.js"></script>
</body>
</html>